<template>
	<m-layout title="实名认证" gap="24">
		<view class="head">
			<m-icon size="194" type="certified-yes"></m-icon>
		</view>
		<view class="main">
			<view class="head-tag">
				<text>已认证信息</text>
			</view>
			<view class="h1">用户姓名：{{userinfo.trueName}}</view>
			<view class="h1">身份证号：{{userinfo.idCardNo}}</view>
			<view class="h1">支付宝账号：暂无</view>
		</view>
	</m-layout>
</template>

<script>
	import { mapState } from 'vuex'
	export default {
		data() {
			return {
				
			};

		},
		computed: {
			...mapState({
				userinfo: state => state.user.userinfo,
			}),
		},
		methods: {
		},
		
	}
</script>

<style lang="scss">
	page{
		background: #fff;
	}
	.head{
		text-align: center;
		padding: 80rpx 0;
	}
	.main{
		background: #FFF6F7;
		border-radius: 20rpx;
		padding: 30rpx;
		position: relative;
		.head-tag {
			height: 56rpx;
			font-size: 28rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
		
			text {
				position: absolute;
				left: 0;
				top: 0;
				display: inline-block;
				text-align: center;
				padding: 10rpx 30rpx;
				background: url('../../../static/images/pages/mine/repay-left.png')no-repeat;
				background-size: 100% 100%;
			}
		}
		
		.h1{
			font-size: 28rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
		}
		.h1+.h1{
			padding-top: 14rpx;
		}
	}
</style>
